<template>
  <a-card :bordered="false">

    <a-tabs @tabClick="changeCon" v-model="selectkey">
      <a-tab-pane  key="1" tab="所有">
       <fee-name-data-list v-if="allvisible"></fee-name-data-list>
      </a-tab-pane>
      <a-tab-pane  key="2" tab="未提交">
        <mine-fee-name-data-list v-if="novisible"></mine-fee-name-data-list>
      </a-tab-pane>
      <a-tab-pane  key="3" tab="待审核">
       <deel-fee-name-data-list v-if="waitevisible"></deel-fee-name-data-list>
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>
<script>

  import '@/assets/less/TableExpand.less'
  import { mixinDevice } from '@/utils/mixin'
  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  import FeeNameDataList from './FeeNameDataList'
  import MineFeeNameDataList from './MineFeeNameDataList'
  import DeelFeeNameDataList from './DeelFeeNameDataList'

  export default {
    name: 'FeeNameDataView',
    components: {
      FeeNameDataList,
      MineFeeNameDataList,
      DeelFeeNameDataList,
    },
    data () {
      return {
        selectkey: '1',
        allvisible:true,
        novisible :false,
        waitevisible:false,
        description: '费用名称数据库管理页面',
      }
    },
    created() {
    },
    computed: {
      importExcelUrl: function(){
        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
      },
    },
    methods: {
      callback(key) {
        console.log(key);
      },
      changeCon(key) {
        console.log(key)
        if (this.selectkey == key) {
          return
        }
        if (key == 1){
          this.allvisible = true;
          this.novisible = false;
          this.waitevisible = false
        }else if (key == 2){
          this.allvisible = false;
          this.novisible = true;
          this.waitevisible = false
        }else if (key == 3){
          this.allvisible = false;
          this.novisible = false;
          this.waitevisible = true
        }
      },
    }
  }
</script>
<style scoped>
  @import '~@assets/less/common.less';
</style>